import React from 'react';
import { Skeleton } from 'antd';
import styles from './index.less';

export default ({ dataSource, loading }) => {
  return (
    <div className={styles.container}>
      <Skeleton paragraph={{ rows: 8 }} loading={loading}>
        <section>
          <h2>公司简介</h2>
          <p>{dataSource?.layout?.profile || '暂无'}</p>
        </section>
        <section>
          <h2>战略目标</h2>
          <p>{dataSource?.layout?.slogan || '暂无'}</p>
        </section>
      </Skeleton>
    </div>
  );
};
